<template>
  <el-dialog
    :model-value="props.visible"
    append-to-body
    titile="选择你要用的公司"
  >
    <div class="cplist">
      <el-table
        :data="tableData"
        style="width: 100%; height: 100%"
        @row-click="handleRowClick"
      >
        <el-table-column prop="id" label="公司id" width="180" />
        <el-table-column prop="name" label="公司名称" width="180" />
        <el-table-column prop="isVue" label="是否使用vue">
          <template #default="scope">
            {{ scope.row.isVue ? '是' : '否' }}
          </template>
        </el-table-column>
        <el-table-column prop="isReact" label="是否使用React">
          <template #default="scope">
            {{ scope.row.isReact ? '是' : '否' }}
          </template>
        </el-table-column>
      </el-table>
      <el-pagination
        small
        background
        layout="prev, pager, next,sizes"
        :total="total"
        class="mt-4"
        :page-sizes="[5, 10, 30, 50]"
        @size-change="handleSizeChange"
        @current-change="handlePageChange"
      />
    </div>
  </el-dialog>
</template>
<script lang="ts">
export default {
  name: 'companyQata'
}
</script>
